<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公用样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 茶叶网站头部导航部分 -->
    <header>
        <div class="container nav_big clearfix">
            <!-- logo部分 -->
            <img class="fl" src="./images/logo.png" alt="">
            <!-- 茶叶官网 -->
            <div class="fl web">
                <p>茶叶协会官网 <span>www.cha**ui.top</span></p>
            </div>
            <!-- 导航栏部分 -->
            <ul class="nav fl clearfix">
                <li><a class="open" href="./index.html">首页</a></li>
                <li class="nav_big nav_big1"><a href="./aboutus-company.html">关于我们</a>
                    <ul class="nav_small nav_small1">
                        <li><a href="./aboutus-company.html">公司简介</a></li>
                        <li><a href="./aboutus-honor.html">荣誉资质</a></li>
                        <li><a href="./aboutus-culture.html">企业文化</a></li>
                        <li><a href="./aboutus-contactus.html">联系我们</a></li>
                    </ul>
                </li>
                <li class="nav_big nav_big2"><a href="./product-list.html">产品中心</a>
                    <ul class="nav_small nav_small2">
                        <li><a href="">乌龙茶系列</a></li>
                        <li><a href="">花茶系列</a></li>
                        <li><a href="">普洱系列</a></li>
                        <li><a href="">茶食品系列</a></li>
                        <li><a href="">茶月饼系列</a></li>
                        <li><a href="">茶具系列</a></li>
                    </ul>
                </li>
                <li class="nav_big nav_big3"><a href="./news-list.html">新闻动态</a>
                    <ul class="nav_small nav_small3">
                        <li><a href="">公司新闻</a></li>
                        <li><a href="">行业动态</a></li>
                        <li><a href="">媒体报道</a></li>
                        <li><a href="">茶叶知识</a></li>
                    </ul>
                </li>
                <li><a href="">品牌简介</a></li>
                <li class="nav_big nav_big4"><a href="./cooperation-recommend.html">合作交流</a>
                    <ul class="nav_small nav_small4">
                        <li><a href="./cooperation-recommend.html">合作介绍</a></li>
                        <li><a href="./cooperation-submit.html">意向提交</a></li>
                        <li><a href="./cooperation-success.html">成功案例</a></li>
                        <li><a href="./cooperation-information.html">信息发布</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <!-- 大图片部分 -->
    <div class="big_logo">
        <div class="lalala">
            <p class="p1">贵州绿茶 秀甲天下</p>
            <p class="p2">中国都市生活茶,引领生活新主张</p>
            <img src="./images/banner_bg.png" alt="">
            <div class="brand">品牌</div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="about_me">
        <p class="p1">关于我们</p>
        <p class="p2">以建设有中国特色社会主义理论和"三个代表"重要思想为指导,坚持科学发展观,遵守国家法律法令和方针政策</p>
    </div>
    <!-- 公司简介 -->
    <div class="profile">
        <div>
            <p class="p1">公司简介</p>
            <p class="p2">COMPANY PROFILE</p>
            <p class="p3">某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。</p>
            <a href="">了解更多</a>
        </div>
    </div>
    <!-- 成功案例 -->
    <div class="succeed">
        <img src="./images/7zzo.png" alt="">
        <p class="p1">成功案例</p>
        <p class="p2">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
    </div>
    <!-- 成功案例图片简介部分 -->
    <div class="introduce">
        <div class="container clearfix">
            <div class="img_introduce">
                <img src="./images/158BDF57C95.jpg" alt="">
                <p class="p1">绿茶茶渣做枕可助眠</p>
                <p class="p2">泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
            </div>
            <div class="img_introduce">
                <img src="./images/8ddbb6fb3787ffa5bee42953e93cba28.jpg" alt="">
                <p class="p1">简述茶叶8大养生功效</p>
                <p class="p2">软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
            </div>
            <div class="img_introduce">
                <img src="./images/777a81afc62af20a3c547ddc571076c9.jpg" alt="">
                <p class="p1">简述茶叶8大养生功效</p>
                <p class="p2">（1）软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
            </div>
        </div>
        <a href="">查看更多</a>
    </div>
    <!-- 茶叶毛尖品牌 -->
    <div class="brand">
        <div class="brand_1 container clearfix">
            <p class="p1">茶叶毛尖<span>品牌</span></p>
            <p class="p2">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
            <div class="brand_img">
                <img src="./images/8sue (1).jpg" alt="">
                <p class="pp1">【茶叶毛尖简介】</p>
                <p class="pp2">其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
            </div>
            <div class="brand_img">
                <img src="./images/8sue (1).jpg" alt="">
                <p class="pp1">【茶叶毛尖价值】</p>
                <p class="pp2">茶中的茶多酚和鞣酸作用于细菌，能凝固细菌的蛋白质，将细菌杀死。可用于治疗肠道疾病，如霍乱、伤寒、痢疾、肠炎等。皮肤生疮、溃烂流脓，外伤破了皮</p>
            </div>
            <div class="brand_img">
                <img src="./images/8sue (1).jpg" alt="">
                <p class="pp1">【茶叶毛尖历史】</p>
                <p class="pp2">唐代茶经的作者陆羽，在文中将荼字减一画而写成“茶”，因此有人说茶起源于唐代。但实际上这只是文字的简化，而且在汉代就已经有人用茶字了。</p>
            </div>
        </div>
    </div>
    <!-- 产品中心 -->
    <div class="product">
        <img src="./images/du3q.png" alt="">
        <p class="p1">产品中心</p>
        <p class="p2">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
    </div>
    <!-- 产品中心图片 -->
    <div class="product_box">
        <ul class="container clearfix">
            <li class="product_img">
                <a href="">
                    <img src="./images/9_hirc.jpg" alt="">
                    <p class="p1">某某熟普洱茶饼黑茶饼特级茶叶</p>
                    <p class="p2">普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/8_6727.jpg" alt="">
                    <p class="p1">某某生普洱茶饼特级古树黑茶</p>
                    <p class="p2">普洱生茶是用某某县特有的青毛茶为材料，经过各种工艺加工制作而</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/7_wqql.jpg" alt="">
                    <p class="p1">某某生普洱茶饼月光仙子白茶饼</p>
                    <p class="p2">此款月光仙子只采月光白单片芽头百里挑一。这种茶外形肥壮，白毫</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/6_atb0.jpg" alt="">
                    <p class="p1">某某熟普洱茶饼黑茶特级茶叶</p>
                    <p class="p2">普洱熟茶是用某某地特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/abc(3)_qrk6.jpg" alt="">
                    <p class="p1">香螺茉莉</p>
                    <p class="p2">本品系采摘春季肥壮的绿茶嫩芽，采用精细的加工方法制成圆球状，</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/a(2)_32mo.jpg" alt="">
                    <p class="p1">珍珠茉莉</p>
                    <p class="p2">珍珍珠茉莉花茶系采摘新鲜嫩芽，遵循古法经精心揉制而成圆球状，</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/a_3ubr.jpg" alt="">
                    <p class="p1">金玉满堂</p>
                    <p class="p2">金玉满堂－本品选用产于中国云南澜沧江畔海拔1000公尺以上的</p>
                </a>
            </li>
            <li class="product_img">
                <a href="">
                    <img src="./images/46_n4mj.jpg" alt="">
                    <p class="p1">润津</p>
                    <p class="p2">润津铁观音是面向闽南地区的特色商品,因此符合闽方人饮茶的口味</p>
                </a>
            </li>


        </ul>
        <a href="">了解更多</a>
    </div>
    <!-- 合作客户 -->
    <div class="client">
        <img src="./images/7zzo.png" alt="">
        <p class="p1">合作客户</p>
        <p class="p2">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
    </div>
    <!-- 合作客户图片 -->
    <div class="client_box">
        <ul class="container clearfix">
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/a0br.jpg" alt=""></li>
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/a0br.jpg" alt=""></li>
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/a0br.jpg" alt=""></li>
            <li><img src="./images/zn78.jpg" alt=""></li>
            <li><img src="./images/a0br.jpg" alt=""></li>
        </ul>
    </div>
    <!-- 产品信息快捷查询 -->
    <div class="quick">
        <p>产品信息快捷查询</p>
        <form action="">
            <input type="text" placeholder="请输入关键字">
            <button>搜索</button>
        </form>

    </div>
    <!-- 底部导航栏 -->
    <div class="nav_foot">
        <div class="container">
            <a href="">网站首页</a>
            <a href="">关于我们</a>
            <a href="">产品中心</a>
            <a href="">新闻动态</a>
            <a href="">品牌简介</a>
            <a href="">合作交流</a>
        </div>
    </div>
    <!-- 尾部总结区域 -->
    <div class="tail">
        <div class="container clearfix">
            <div class="tail_one fl">
                <p class="p1">联系我们</p>
                <p class="p2">地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</p>
                <p class="p2">邮编：5**0000</p>
                <p class="p2">电话：400-***-000</p>
                <p class="p2">联系人：精品茶叶官方宣传网站</p>
            </div>
            <ul class="tail_two fl clearfix">
                <li class="fl">关于我们
                    <ul>
                        <li class="top"><a href="">关于我们</li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">企业文化</a></li>
                        <li><a href="">荣誉资质</a></li>
                    </ul>
                </li>
                <li class="fl">合作交流
                    <ul>
                        <li class="top"><a href="">成功案例</a></li>
                        <li><a href="">合作介绍</a></li>
                        <li><a href="">信息发布</a></li>
                        <li><a href="">意向提交</a></li>
                    </ul>
                </li>
                <li class="fl">产品中心
                    <ul>
                        <li class="top"><a href="">乌龙茶系列</a></li>
                        <li><a href="">花茶系列</a></li>
                        <li><a href="">普洱系列</a></li>
                        <li><a href="">茶食品系列</a></li>
                    </ul>
                </li>
            </ul>
            <div class="tail_three fr">
                <img src="./images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
    <!-- 公司版权 -->
    <div class="copyright">
        <p>COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站&emsp;&emsp; ICP备案编号：黔ICP备140***33号-1</p>
    </div>
</body>

</html>